<!DOCTYPE html>

<html>

<head>
    <meta charset="utf-8">
    <title>Awesome Site</title>
    <link rel="stylesheet" href="styles.css">
    <link href='http://fonts.googleapis.com/css?family=Nunito:300,700' rel='stylesheet' type='text/css'>
</head>

<body>
    <div class="header">
        <div class="banner">
            <a class="title" href="#">Awesome Site</a>
        </div>
        <ul class="navigation">
            <li><a class="extra" href="#">Blog</a></li>
            <li><a class="extra" href="#">About</a></li>
            <li><a class="extra highlight" href="#">Schedule</a></li>
            <li><a class="extra" href="#">Participate</a></li>
            <li><a class="extra" href="#">Contacts</a></li>
        </ul>
    </div>
	
    <div class="site">
        <div class="container">
            <div class="writing">
                <h1>Schedule</h1>
				
                <h2>July, 2014</h2>
                <hr>
                <div id="original">
                    <table>
                        <thead>
                            <tr>
                                <th>Date</th>
                                <th>Time</th>
                                <th>Program</th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr>
                                <td>Monday, July 7th</td>
                                <td>10 AM - 8 PM</td>
                                <td><a href="#">Trip to Awesomnia</a></td>
                            </tr>

                            <tr>
                                <td>Wednesday, July 16th</td>
                                <td>5-11 PM</td>
                                <td><a href="#">Beach Party</a></td>
                            </tr>

                            <tr>
                                <td>Sunday, July 19th</td>
                                <td>10 AM - 8 PM</td>
                                <td><a href="#">Mountain Trip</a></td>
                            </tr>
                        </tbody>
                    </table>

                    <h2>August, 2014</h2>
                    <hr>
                    <table>
                        <thead>
                            <tr>
                                <th>Date</th>
                                <th>Time</th>
                                <th>Program</th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr>
                                <td>Saturday, August 9th</td>
                                <td>10 AM - 5 PM</td>
                                <td><a href="#">Beach Trip</a></td>
                            </tr>
                            <tr>
                                <td>Tuesday, August 12th</td>
                                <td>8-11 PM</td>
                                <td><a href="#">Live Music Party</a></td>
                            </tr>
                        </tbody>
                    </table>
                </div>
                <div id="copy">
                    <table>
                        <tr>
                            <td style="font-weight: bold">When:</td>
                            <td>Monday, July 7th</td>
                        </tr>
                        <tr>
                            <td></td>
                            <td>10 AM - 8 PM</td>
                        </tr>
                        <tr>
                            <td style="font-weight: bold">What:</td>
                            <td><a href="#">Trip to Awesomnia</a></td>
                        </tr>

                        <tr>
                            <td style="font-weight: bold">When:</td>
                            <td>Wednesday, July 16th</td>
                        </tr>
                        <tr>
                            <td></td>
                            <td>5-11 PM</td>
                        </tr>
                        <tr>
                            <td style="font-weight: bold">What:</td>
                            <td><a href="#">Beach Party</a></td>
                        </tr>

                        <tr>
                            <td style="font-weight: bold">When:</td>
                            <td>Sunday, July 19th</td>
                        </tr>
                        <tr>
                            <td></td>
                            <td>10 AM - 8 PM</td>
                        </tr>
                        <tr>
                            <td style="font-weight: bold">What:</td>
                            <td><a href="#">Mountain Trip</a></td>
                        </tr>
                    </table>
                    <h2>August, 2014</h2>
                    <hr>
                    <table>
                        <tr>
                            <td style="font-weight: bold">When:</td>
                            <td>Saturday, August 9th</td>
                        </tr>
                        <tr>
                            <td></td>
                            <td>10 AM - 5 PM</td>
                        </tr>
                        <tr>
                            <td style="font-weight: bold">What:</td>
                            <td><a href="#">Beach Trip</a></td>
                        </tr>

                        <tr>
                            <td style="font-weight: bold">When:</td>
                            <td>Tuesday, August 12th</td>
                        </tr>
                        <tr>
                            <td></td>
                            <td>8-11 PM</td>
                        </tr>
                        <tr>
                            <td style="font-weight: bold">What:</td>
                            <td><a href="#">Live Music Party</a></td>
                        </tr>
                    </table>
                </div>
            </div>
        </div>
    </div>
	
    <div class="footer">
        <div class="foot-body">
            <ul class="navigation">
                <li><a class="extra" href="#">Blog</a></li>
                <li><a class="extra" href="#">About</a></li>
                <li><a class="extra" href="#">Schedule</a></li>
                <li><a class="extra" href="#">Participate</a></li>
                <li><a class="extra" href="#">Contacts</a></li>
            </ul>
            <hr />
            <div class="location">
                <a href="http://maps.google.com/?q=SoftUni" target="_blank">
                    <span>
                        SoftUni
                        <br />
                        26 Vassil Kanchev Str.
                        <br />
                        Sofia, Bulgaria
                    </span>
                </a>
            </div>
            <a class="email" href="mailto:info@softuni.bg" target="_blank">
                info@softuni.bg
            </a>
        </div>
    </div>
</body>

</html>
